<template>
  <div>
      <h1>课程信息</h1>
      <p>id: {{ id }}</p>
      <p>name: {{ name }}</p>
      <p>credit: {{ credit }}</p>
  </div>
</template>

<script>
export default {
    name: 'Course' ,
    props: [ 'id' , 'name' , 'credit' ],
    mounted(){
      console.log( this.$props );
    }
}
</script>

<style>

</style>